<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            border:1px solid black;
        }
        #d1{
            color: #EDB21C;
        }
        #d2{
            /*
                r: red
                g: green
                b: blue
                红绿蓝三原色 取值范围 0~255
            */
            color:rgb(237,178,28)
        }
        #d3{
            /*color:#000*/
            /*background: #000;*/
            /*color:#FFF*/
            /*background: rgb(0,0,0);*/
            /*color:rgb(255,255,255)*/
            /*rgba中a指的是透明度，取值0-1 */
            background: rgba(0,0,0,0.5);
            color:rgb(255,255,255)
        }

    </style>
</head>
<body>
    <div id="d1">
        这是一个div
    </div>
    <div id="d2">
        这是第二个div
    </div>
    <div id="d3">
        这是第三个div
    </div>
</body>
</html>